<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragments :: head(~{::title})">
    <title>关于我</title>
</head>
<body>
<!--导航条-->
<nav th:replace="_fragments :: menu(5)"></nav>
<!--中间内容-->
<div class="m-container-about m-padded-tb-big">
    <div class="ui container">
        <div class="ui grid">
            <!--左边关于我-->
            <div class="eleven wide column animated rotateInDownLeft">
                <div class="ui m-bg segment">
                    <p>一个99后草根站长！刚入门的小白，希望一边工作一边积累经验，分享一些个人经验，以及结交一些的朋友。<br>
                        <br>
                        这个博客是一个技术型的博客，我把自己掌握的知识到运用到这里，也将自己遇到的问题，都记录下来，方便自己查阅。
                        这个网站是从0开始搭建的，并且我这个个人博客我会一直坚持下去的，也会一直往技术方面走，因为如果单纯为了做博客而用一站式建站，没有什么意义。
                        <br>
                    </p><h2 class="m-text-thin">About my blog</h2>
                    <br>
                    <p>域 名： 创建于2021年01月21日&nbsp;</p>
                    <br>
                    <p>服务器：阿里云服务器&nbsp;</p>
                    <br>
                    <p>备案号：鄂ICP备20006685号-1 </p>
                    <br>
                    <p>程 序： Java Springboot Mybatis</p>
                </div>

            </div>
            <!--右边关于我-->
            <div class="five wide m-bg column animated rotateInDownRight">
                <div class="ui attached m-bg segment">
                    <div class="ui header m-pink m-text-thin">关于我</div>
                </div>
                <!--卡片-->
                <div class="ui card attached m-bg">
                    <a class="image" href="#">
                        <img class="ui medium circular image" th:src="@{/img/logo.jpg}">
                    </a>
                    <div class="content m-text-center m-bg">
                        <a class="header " href="#">Gradle</a>
                        <div class="meta">
                            <a></a>
                        </div>
                    </div>
                </div>

                <div class="ui attached segment m-bg">
                    <p class="m-text-thin">热爱编程，喜欢折腾，正在探索高效学习编程技术的方法...</p>
                </div>

                <div class="ui bottom attached segment m-bg">
                    <a href="#" class="ui inverted github circular icon button" data-content="..." data-position="bottom center"><i class="black github icon"></i></a>
                    <a href="#" class="ui inverted wechat circular icon button"><i class="green weixin icon"></i></a>
                    <a href="#" class="ui inverted weibo circular icon button" data-content="Fullmoonping" data-position="bottom center"><i class="red weibo icon"></i></a>
                    <a href="#" class="ui inverted qq circular icon button" data-content="1289066006" data-position="bottom center"><i class="blue qq icon"></i></a>
                </div>

                <div class="ui wechat-qr flowing popup transition hidden">
                    <img src="../static/img/wechat.jpg" alt="" class="ui rounded image" style="width: 110px">
                </div>
            </div>

        </div>
    </div>

</div>
<!--页脚-->
<footer th:replace="_fragments :: footer" class="ui vertical segment m-padded-tb-massive animated fadeInUp">
    <div class="ui container center aligned">
        <div class="ui grid inverted divided stackable">
            <div class="three wide column">
                <div class="ui inverted link list">
                    <div class="item">
                        <img src="../static/img/wechat.jpg" class=" ui rounded image" alt="" style="width: 110px">
                    </div>
                </div>
            </div>
            <div class="three wide column">
                <h4 class="ui  header m-opacity-mini m-text-thin m-text-spaced">最新的博客</h4>
                <div>
                    <div class="ui  link list">
                        <a href="#" target="_blank" class="item">RabbitMQ</a>
                        <a href="#" target="_blank" class="item">Thymeleaf</a>
                        <a href="#" target="_blank" class="item">ElasticSearch</a>
                    </div>
                </div>
            </div>
            <div class="four wide column">
                <h4 class="ui  header m-opacity-mini m-text-thin m-text-spaced">联系我</h4>
                <div class="ui  link list">
                    <a href="javascript:void(0);" class="item">Email:1289066006@qq.com</a>
                    <a href="#" class="item">QQ:1289066006</a>
                </div>
            </div>
            <div class="five wide column">
                <h4 class="ui  header m-opacity-mini m-text-thin m-text-spaced">博客</h4>
                <p class="m-opacity-mini">
                    本博客是自己通过代码构建的。前端html，后端java技术。对这些技术有兴趣的朋友可以联系我，我们一起学习进步。
                </p>
            </div>
        </div>
        <div class="ui  section divider"></div>
        <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2020 - <span>2021</span> &nbsp;CPP &nbsp;
            Designed by Wu hongbin</p>
        <p class="m-text-thin m-text-spaced m-opacity-tiny"><a href="https://beian.miit.gov.cn">
            鄂ICP备20006685号-1</a>
        </p>
        <div style="width:300px;margin:0 auto; padding:1px 0; ">
            <!--            <a target="_blank" href="http://www.beian.gov.cn" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img th:src="@{/images/1.png}" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#ff1c04;">桂公网安备</p></a>-->
        </div>
        <span style="color: rgba(0,0,0,.87);" id="timeDate" class="m-opacity-tiny">载入天数...</span>
        <span style="color: rgba(0,0,0,.87);" id="times" class="m-opacity-tiny">载入时分秒...</span>
        <script>
            var now = new Date();

            function createtime() {
                var grt = new Date("01/18/2021 00:00:00");//在此处修改你的建站时间，格式：月/日/年 时:分:秒
                now.setTime(now.getTime() + 250);
                days = (now - grt) / 1000 / 60 / 60 / 24;
                dnum = Math.floor(days);
                hours = (now - grt) / 1000 / 60 / 60 - (24 * dnum);
                hnum = Math.floor(hours);
                if (String(hnum).length == 1) {
                    hnum = "0" + hnum;
                }
                minutes = (now - grt) / 1000 / 60 - (24 * 60 * dnum) - (60 * hnum);
                mnum = Math.floor(minutes);
                if (String(mnum).length == 1) {
                    mnum = "0" + mnum;
                }
                seconds = (now - grt) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
                snum = Math.round(seconds);
                if (String(snum).length == 1) {
                    snum = "0" + snum;
                }
                document.getElementById("timeDate").innerHTML = "本站已安全运行 " + dnum + " 天 ";
                document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒";
            }

            setInterval("createtime()", 500);
        </script>
    </div>
    <!--  音乐播放器  -->
    <div class="aplayer aplayer-withlist aplayer-fixed aplayer-narrow" data-id="4975069134" data-server="netease"
         data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0">
        <div class="aplayer-list aplayer-list-hide" style="max-height: 250px">
            <ol style="max-height: 250px">

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">1</span>
                    <span class="aplayer-list-title">Lucky Ending</span>
                    <span class="aplayer-list-author">ビッケブランカ</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">2</span>
                    <span class="aplayer-list-title">HOME</span>
                    <span class="aplayer-list-author">土岐麻子</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">3</span>
                    <span class="aplayer-list-title">馳せる未来（水果篮子 第二季 ED）（翻自 ウタアリィ）</span>
                    <span class="aplayer-list-author">Kyle Xian</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">4</span>
                    <span class="aplayer-list-title">Eden</span>
                    <span class="aplayer-list-author">MONKEY MAJIK</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">5</span>
                    <span class="aplayer-list-title">チカっとチカ千花っ♡</span>
                    <span class="aplayer-list-author">小原好美</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">6</span>
                    <span class="aplayer-list-title">それぞれの想い</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">7</span>
                    <span class="aplayer-list-title">ad meliora</span>
                    <span class="aplayer-list-author">THE CHARM PARK</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">8</span>
                    <span class="aplayer-list-title">プリズム (feat. みゆな)</span>
                    <span class="aplayer-list-author">AmPm / みゆな</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">9</span>
                    <span class="aplayer-list-title">One Step Closer</span>
                    <span class="aplayer-list-author">INTERSECTION</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">10</span>
                    <span class="aplayer-list-title">For フルーツバスケット</span>
                    <span class="aplayer-list-author">岡崎律子</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">11</span>
                    <span class="aplayer-list-title">センチメンタルクライシス</span>
                    <span class="aplayer-list-author">halca</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">12</span>
                    <span class="aplayer-list-title">DADDY! DADDY! DO!</span>
                    <span class="aplayer-list-author">鈴木雅之 / 鈴木愛理</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">13</span>
                    <span class="aplayer-list-title">風に吹かれて </span>
                    <span class="aplayer-list-author">福原遥</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">14</span>
                    <span class="aplayer-list-title">元気いっぱい</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">15</span>
                    <span class="aplayer-list-title">せつない気持ち</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">16</span>
                    <span class="aplayer-list-title">幸せの桜並木</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">17</span>
                    <span class="aplayer-list-title">希望の予感</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">18</span>
                    <span class="aplayer-list-title">さわやかな朝</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">19</span>
                    <span class="aplayer-list-title">やすらぎの日</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">20</span>
                    <span class="aplayer-list-title">やさしさにつつまれて</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">21</span>
                    <span class="aplayer-list-title">ぬくもりの記憶</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">22</span>
                    <span class="aplayer-list-title">Catch You Catch Me(さくらヴァージョン)</span>
                    <span class="aplayer-list-author">丹下桜</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">23</span>
                    <span class="aplayer-list-title">扉をあけて</span>
                    <span class="aplayer-list-author">ANZA</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">24</span>
                    <span class="aplayer-list-title">紫罗兰永恒花园 - Violet&nbsp;Snow（印象曲/CM曲）~&nbsp;Violet&nbsp;Evergarden（Kyle Xian remix）</span>
                    <span class="aplayer-list-author">Kyle Xian</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">25</span>
                    <span class="aplayer-list-title">爱のテーマ</span>
                    <span class="aplayer-list-author">佐藤史朗 / 森俊之</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">26</span>
                    <span class="aplayer-list-title">前前前世&nbsp;Piano&nbsp;ver.</span>
                    <span class="aplayer-list-author">昼夜</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">27</span>
                    <span class="aplayer-list-title">穿越时空的思念（翻自 和田薫） </span>
                    <span class="aplayer-list-author">昼夜</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">28</span>
                    <span class="aplayer-list-title">三个人的时光</span>
                    <span class="aplayer-list-author">吴欣睿</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">29</span>
                    <span class="aplayer-list-title">勾指起誓 钢琴演奏版（翻自 ilem） </span>
                    <span class="aplayer-list-author">昼夜</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">30</span>
                    <span class="aplayer-list-title">《香蜜沉沉烬如霜》杨紫《情霜》-悠悠琴韵钢琴版</span>
                    <span class="aplayer-list-author">悠悠琴韵</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">31</span>
                    <span class="aplayer-list-title">手掌心</span>
                    <span class="aplayer-list-author">V.K克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">32</span>
                    <span class="aplayer-list-title">成全</span>
                    <span class="aplayer-list-author">阎奕格</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">33</span>
                    <span class="aplayer-list-title">殊途</span>
                    <span class="aplayer-list-author">S.H.E</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">34</span>
                    <span class="aplayer-list-title">不染 (钢琴版)</span>
                    <span class="aplayer-list-author">萨顶顶</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">35</span>
                    <span class="aplayer-list-title">墨香</span>
                    <span class="aplayer-list-author">群星</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">36</span>
                    <span class="aplayer-list-title">China-X</span>
                    <span class="aplayer-list-author">徐梦圆</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">37</span>
                    <span class="aplayer-list-title">水从天上来【电视剧《宸汐缘》插曲】（翻自 张碧晨） </span>
                    <span class="aplayer-list-author">唯小翊_ / 落星无痕</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">38</span>
                    <span class="aplayer-list-title">恋愛サーキュレーション</span>
                    <span class="aplayer-list-author">花澤香菜</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">39</span>
                    <span class="aplayer-list-title">sign 0</span>
                    <span class="aplayer-list-author">Chouchou</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">40</span>
                    <span class="aplayer-list-title">Overfly</span>
                    <span class="aplayer-list-author">春奈るな</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">41</span>
                    <span class="aplayer-list-title">終わらないメロディーを歌いだしました。</span>
                    <span class="aplayer-list-author">小松未可子</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">42</span>
                    <span class="aplayer-list-title">Startear</span>
                    <span class="aplayer-list-author">春奈るな</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">43</span>
                    <span class="aplayer-list-title">シルシ</span>
                    <span class="aplayer-list-author">LiSA</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">44</span>
                    <span class="aplayer-list-title">打上花火</span>
                    <span class="aplayer-list-author">DAOKO / 米津玄師</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">45</span>
                    <span class="aplayer-list-title">下一秒</span>
                    <span class="aplayer-list-author">张碧晨</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">46</span>
                    <span class="aplayer-list-title">出逢い</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">47</span>
                    <span class="aplayer-list-title">あこがれ</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">48</span>
                    <span class="aplayer-list-title">遠いこの街で</span>
                    <span class="aplayer-list-author">皆谷尚美</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">49</span>
                    <span class="aplayer-list-title">恋心</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">50</span>
                    <span class="aplayer-list-title">封印解除</span>
                    <span class="aplayer-list-author">根岸貴幸</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">51</span>
                    <span class="aplayer-list-title">プラチナ</span>
                    <span class="aplayer-list-author">坂本真綾</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">52</span>
                    <span class="aplayer-list-title">リワインド</span>
                    <span class="aplayer-list-author">鈴木みのり</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">53</span>
                    <span class="aplayer-list-title">情霜</span>
                    <span class="aplayer-list-author">杨紫</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">54</span>
                    <span class="aplayer-list-title">不染</span>
                    <span class="aplayer-list-author">萨顶顶</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">55</span>
                    <span class="aplayer-list-title">不染</span>
                    <span class="aplayer-list-author">毛不易</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">56</span>
                    <span class="aplayer-list-title">Sincerely（Cover TRUE）</span>
                    <span class="aplayer-list-author">祈Inory</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">57</span>
                    <span class="aplayer-list-title">打上花火（Cover DAOKO / 米津玄師）</span>
                    <span class="aplayer-list-author">Akie秋绘</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">58</span>
                    <span class="aplayer-list-title">なんでもないや&nbsp;没什么大不了的（翻自 Radwimps） </span>
                    <span class="aplayer-list-author">Akie秋绘</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">59</span>
                    <span class="aplayer-list-title">Pray（翻自 SumaiL） </span>
                    <span class="aplayer-list-author">Akie秋绘</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">60</span>
                    <span class="aplayer-list-title">Unlasting</span>
                    <span class="aplayer-list-author">LiSA</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">61</span>
                    <span class="aplayer-list-title">看见你的声音</span>
                    <span class="aplayer-list-author">陈零九</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">62</span>
                    <span class="aplayer-list-title">逃</span>
                    <span class="aplayer-list-author">孙盛希</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">63</span>
                    <span class="aplayer-list-title">一天</span>
                    <span class="aplayer-list-author">YELLOW黃宣</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">64</span>
                    <span class="aplayer-list-title">Someday or One Day</span>
                    <span class="aplayer-list-author">孙盛希</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">65</span>
                    <span class="aplayer-list-title">想见你想见你想见你</span>
                    <span class="aplayer-list-author">八三夭</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">66</span>
                    <span class="aplayer-list-title">SONIC BOOM</span>
                    <span class="aplayer-list-author">坂本真綾</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">67</span>
                    <span class="aplayer-list-title">tsubasa</span>
                    <span class="aplayer-list-author">梶浦由記</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">68</span>
                    <span class="aplayer-list-title">ループ</span>
                    <span class="aplayer-list-author">坂本真綾</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">69</span>
                    <span class="aplayer-list-title">风の街へ</span>
                    <span class="aplayer-list-author">梶浦由記</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">70</span>
                    <span class="aplayer-list-title">ジャスミン</span>
                    <span class="aplayer-list-author">牧野由依</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">71</span>
                    <span class="aplayer-list-title">you are my love</span>
                    <span class="aplayer-list-author">牧野由依</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">72</span>
                    <span class="aplayer-list-title">synchronicity</span>
                    <span class="aplayer-list-author">牧野由依</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">73</span>
                    <span class="aplayer-list-title">ふわふわ♪</span>
                    <span class="aplayer-list-author">牧野由依</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">74</span>
                    <span class="aplayer-list-title">summertime</span>
                    <span class="aplayer-list-author">cinnamons / evening cinema</span>
                </li>

                <li class="aplayer-list-light">
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">75</span>
                    <span class="aplayer-list-title">Departures〜あなたにおくるアイの歌〜</span>
                    <span class="aplayer-list-author">EGOIST</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">76</span>
                    <span class="aplayer-list-title">挫けそうになる私を支えてください</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">77</span>
                    <span class="aplayer-list-title">无心</span>
                    <span class="aplayer-list-author">小缘</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">78</span>
                    <span class="aplayer-list-title">达拉崩吧（Cover 洛天依 / 言和）</span>
                    <span class="aplayer-list-author">双笙</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">79</span>
                    <span class="aplayer-list-title">鸟语林（翻自 双笙） </span>
                    <span class="aplayer-list-author">予沨Mucute</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">80</span>
                    <span class="aplayer-list-title">幸せの砂浜</span>
                    <span class="aplayer-list-author">ゆかな</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">81</span>
                    <span class="aplayer-list-title">RPG</span>
                    <span class="aplayer-list-author">Lefty Hand Cream</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">82</span>
                    <span class="aplayer-list-title">ノット・グッド・ワールド</span>
                    <span class="aplayer-list-author">あやぽんず* / あよ</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">83</span>
                    <span class="aplayer-list-title">Stay Alive</span>
                    <span class="aplayer-list-author">高橋李依</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">84</span>
                    <span class="aplayer-list-title">鸟语林</span>
                    <span class="aplayer-list-author">双笙</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">85</span>
                    <span class="aplayer-list-title">锦鲤抄 </span>
                    <span class="aplayer-list-author">茶理理</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">86</span>
                    <span class="aplayer-list-title">Blessing&nbsp;世界版</span>
                    <span class="aplayer-list-author">茶理理 / V.A.</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">87</span>
                    <span class="aplayer-list-title">Lemon（Cover 米津玄師）</span>
                    <span class="aplayer-list-author">茶理理 / 人形兎</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">88</span>
                    <span class="aplayer-list-title">君がいる世界へ</span>
                    <span class="aplayer-list-author">鹿乃</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">89</span>
                    <span class="aplayer-list-title">【bilibili音乐】一话一世界 《一花依世界》方言合唱版</span>
                    <span class="aplayer-list-author">雪霏岚岚 / 早木旋子 / 张小她 / 倒悬的橘子 / 双笙 / 宁采臣丶在唱歌 / A路人 / 漆柚 / YUKIri / warma / LKs / 洛天依 / 乐正绫 / LS</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">90</span>
                    <span class="aplayer-list-title">风起来的时光</span>
                    <span class="aplayer-list-author">周子琰</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">91</span>
                    <span class="aplayer-list-title">一番の宝物 (Original Version)</span>
                    <span class="aplayer-list-author">karuta</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">92</span>
                    <span class="aplayer-list-title">なきむし（Cover 沢井美空）</span>
                    <span class="aplayer-list-author">十九遥</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">93</span>
                    <span class="aplayer-list-title">世界は恋に落ちている -acoustic version-</span>
                    <span class="aplayer-list-author">かぴ</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">94</span>
                    <span class="aplayer-list-title">天ノ弱</span>
                    <span class="aplayer-list-author">Akie秋绘</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">95</span>
                    <span class="aplayer-list-title">STYX HELIX</span>
                    <span class="aplayer-list-author">MYTH &amp; ROID</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">96</span>
                    <span class="aplayer-list-title">病名は愛だった（Cover 鏡音リン / 鏡音レン）</span>
                    <span class="aplayer-list-author">三无MarBlue</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">97</span>
                    <span class="aplayer-list-title">我要你</span>
                    <span class="aplayer-list-author">任素汐</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">98</span>
                    <span class="aplayer-list-title">天行九歌</span>
                    <span class="aplayer-list-author">霍尊</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">99</span>
                    <span class="aplayer-list-title">谎</span>
                    <span class="aplayer-list-author">凯瑟喵</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">100</span>
                    <span class="aplayer-list-title">「将进酒」</span>
                    <span class="aplayer-list-author">佑可猫 / DMYoung</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">101</span>
                    <span class="aplayer-list-title">追光者</span>
                    <span class="aplayer-list-author">岑宁儿</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">102</span>
                    <span class="aplayer-list-title">说散就散</span>
                    <span class="aplayer-list-author">JC 陈咏桐</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">103</span>
                    <span class="aplayer-list-title">Legends Never Die</span>
                    <span class="aplayer-list-author">Against the Current</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">104</span>
                    <span class="aplayer-list-title">牵丝戏</span>
                    <span class="aplayer-list-author">银临 / Aki阿杰</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">105</span>
                    <span class="aplayer-list-title">锦鲤抄</span>
                    <span class="aplayer-list-author">银临 / 云の泣</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">106</span>
                    <span class="aplayer-list-title">舍得</span>
                    <span class="aplayer-list-author">王唯旖</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">107</span>
                    <span class="aplayer-list-title">忘不掉</span>
                    <span class="aplayer-list-author">孙俪</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">108</span>
                    <span class="aplayer-list-title">オレンジ</span>
                    <span class="aplayer-list-author">seven oops</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">109</span>
                    <span class="aplayer-list-title">Cry for the moon</span>
                    <span class="aplayer-list-author">出羽良彰</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">110</span>
                    <span class="aplayer-list-title">渚</span>
                    <span class="aplayer-list-author">麻枝准</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">111</span>
                    <span class="aplayer-list-title">last train home ~ still far</span>
                    <span class="aplayer-list-author">麗美</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">112</span>
                    <span class="aplayer-list-title">ぷわぷわり</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">113</span>
                    <span class="aplayer-list-title">blue clouds</span>
                    <span class="aplayer-list-author">梶浦由記</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">114</span>
                    <span class="aplayer-list-title">I talk to the rain</span>
                    <span class="aplayer-list-author">伊東恵理</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">115</span>
                    <span class="aplayer-list-title">ユメノツバサ</span>
                    <span class="aplayer-list-author">牧野由依</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">116</span>
                    <span class="aplayer-list-title">lost wings</span>
                    <span class="aplayer-list-author">梶浦由記</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">117</span>
                    <span class="aplayer-list-title">a tiny sunshine</span>
                    <span class="aplayer-list-author">梶浦由記</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">118</span>
                    <span class="aplayer-list-title">hear our prayer</span>
                    <span class="aplayer-list-author">梶浦由記</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">119</span>
                    <span class="aplayer-list-title">あたたかい雪が降る</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">120</span>
                    <span class="aplayer-list-title">That Old Feeling</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">121</span>
                    <span class="aplayer-list-title">Memento</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">122</span>
                    <span class="aplayer-list-title">水谷家の食卓</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">123</span>
                    <span class="aplayer-list-title">Love Letter</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">124</span>
                    <span class="aplayer-list-title">モンスターマーチ</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">125</span>
                    <span class="aplayer-list-title">やわらかな方程式</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">126</span>
                    <span class="aplayer-list-title">drops.</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">127</span>
                    <span class="aplayer-list-title">どれだけ希望を持ったのか</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">128</span>
                    <span class="aplayer-list-title">手つかずの感情</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">129</span>
                    <span class="aplayer-list-title">hope</span>
                    <span class="aplayer-list-author">中山真斗</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">130</span>
                    <span class="aplayer-list-title">夕暮れ時の下校</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">131</span>
                    <span class="aplayer-list-title">君は忘れられるの</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">132</span>
                    <span class="aplayer-list-title">四月は君の嘘～PianoSolo</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">133</span>
                    <span class="aplayer-list-title">私の嘘</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">134</span>
                    <span class="aplayer-list-title">四月は君の嘘</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">135</span>
                    <span class="aplayer-list-title">鳥の詩 ~</span>
                    <span class="aplayer-list-author">水月陵</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">136</span>
                    <span class="aplayer-list-title">时代を超える想い2</span>
                    <span class="aplayer-list-author">和田薫</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">137</span>
                    <span class="aplayer-list-title">友人A君を私の伴奏者に任命します</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">138</span>
                    <span class="aplayer-list-title">私の嘘～PianoSolo</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">139</span>
                    <span class="aplayer-list-title">アゲイン</span>
                    <span class="aplayer-list-author">横山克</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">140</span>
                    <span class="aplayer-list-title">At Nightfall</span>
                    <span class="aplayer-list-author">梶浦由記</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">141</span>
                    <span class="aplayer-list-title">夏影</span>
                    <span class="aplayer-list-author">麻枝准</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">142</span>
                    <span class="aplayer-list-title">Victory</span>
                    <span class="aplayer-list-author">Two Steps From Hell</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">143</span>
                    <span class="aplayer-list-title">幼女幻奏</span>
                    <span class="aplayer-list-author">Sing, R. Sing!</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">144</span>
                    <span class="aplayer-list-title">木ノ葉丸のテーマ</span>
                    <span class="aplayer-list-author">増田俊郎</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">145</span>
                    <span class="aplayer-list-title">馬鹿ふたり</span>
                    <span class="aplayer-list-author">折戸伸治</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">146</span>
                    <span class="aplayer-list-title">NEXT TO YOU</span>
                    <span class="aplayer-list-author">Ken Arai</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">147</span>
                    <span class="aplayer-list-title">春を知らせるもの~続 夏目友人帳のテーマ</span>
                    <span class="aplayer-list-author">吉森信</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">148</span>
                    <span class="aplayer-list-title">活动小丑 (英文版)</span>
                    <span class="aplayer-list-author">茶理理</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">149</span>
                    <span class="aplayer-list-title">いかないで</span>
                    <span class="aplayer-list-author">茶理理</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">150</span>
                    <span class="aplayer-list-title">え?あぁ、そう</span>
                    <span class="aplayer-list-author">茶理理</span>
                </li>

                <li>
                    <span class="aplayer-list-cur" style="background-color: #2D8CF0;"></span>
                    <span class="aplayer-list-index">151</span>
                    <span class="aplayer-list-title">离去之原</span>
                    <span class="aplayer-list-author">茶理理</span>
                </li>

            </ol>
        </div>
        <div class="aplayer-body" style="width: 400px;">
            <div class="aplayer-pic" style="background-color: #2D8CF0;">
                <div class="aplayer-button aplayer-play">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 31">
                        <path d="M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"></path>
                    </svg>
                </div>
            </div>
            <div class="aplayer-info" style="display: block;">
                <div class="aplayer-music">
                    <span class="aplayer-title">Departures〜あなたにおくるアイの歌〜</span>
                    <span class="aplayer-author"> - EGOIST</span>
                </div>
                <div class="aplayer-controller">
                    <div class="aplayer-bar-wrap">
                        <div class="aplayer-bar">
                            <div class="aplayer-loaded" style="width: 79.4467%;"></div>
                            <div class="aplayer-played" style="width: 0; background: #2D8CF0;">
                        <span class="aplayer-thumb" style="background: #2D8CF0;">
                            <span class="aplayer-loading-icon"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
                                                                    viewBox="0 0 32 32"><path
                                    d="M4 16c0-6.6 5.4-12 12-12s12 5.4 12 12c0 1.2-0.8 2-2 2s-2-0.8-2-2c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8c1.2 0 2 0.8 2 2s-0.8 2-2 2c-6.6 0-12-5.4-12-12z"></path></svg></span>
                        </span>
                            </div>
                        </div>
                    </div>
                    <div class="aplayer-time aplayer-time-narrow">
                <span class="aplayer-time-inner">
                    <span class="aplayer-ptime">00:00</span> / <span class="aplayer-dtime">04:15</span>
                </span>
                        <span class="aplayer-icon aplayer-icon-back">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path
                            d="M25.468 6.947c-0.326-0.172-0.724-0.151-1.030 0.057l-6.438 4.38v-3.553c0-0.371-0.205-0.71-0.532-0.884-0.326-0.172-0.724-0.151-1.030 0.057l-12 8.164c-0.274 0.186-0.438 0.496-0.438 0.827s0.164 0.641 0.438 0.827l12 8.168c0.169 0.115 0.365 0.174 0.562 0.174 0.16 0 0.321-0.038 0.468-0.116 0.327-0.173 0.532-0.514 0.532-0.884v-3.556l6.438 4.382c0.169 0.115 0.365 0.174 0.562 0.174 0.16 0 0.321-0.038 0.468-0.116 0.327-0.173 0.532-0.514 0.532-0.884v-16.333c0-0.371-0.205-0.71-0.532-0.884z"></path></svg>
                </span>
                        <span class="aplayer-icon aplayer-icon-play">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 31"><path
                            d="M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"></path></svg>
                </span>
                        <span class="aplayer-icon aplayer-icon-forward">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path
                            d="M25.468 6.947c-0.326-0.172-0.724-0.151-1.030 0.057l-6.438 4.38v-3.553c0-0.371-0.205-0.71-0.532-0.884-0.326-0.172-0.724-0.151-1.030 0.057l-12 8.164c-0.274 0.186-0.438 0.496-0.438 0.827s0.164 0.641 0.438 0.827l12 8.168c0.169 0.115 0.365 0.174 0.562 0.174 0.16 0 0.321-0.038 0.468-0.116 0.327-0.173 0.532-0.514 0.532-0.884v-3.556l6.438 4.382c0.169 0.115 0.365 0.174 0.562 0.174 0.16 0 0.321-0.038 0.468-0.116 0.327-0.173 0.532-0.514 0.532-0.884v-16.333c0-0.371-0.205-0.71-0.532-0.884z"></path></svg>
                </span>
                        <div class="aplayer-volume-wrap">
                            <button type="button" class="aplayer-icon aplayer-icon-volume-down">
                                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28 32">
                                    <path d="M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z"></path>
                                </svg>
                            </button>
                            <div class="aplayer-volume-bar-wrap">
                                <div class="aplayer-volume-bar">
                                    <div class="aplayer-volume"
                                         style="height: 70%; background: rgb(45, 140, 240);"></div>
                                </div>
                            </div>
                        </div>
                        <button type="button" class="aplayer-icon aplayer-icon-order">
                            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
                                <path d="M22.667 4l7 6-7 6 7 6-7 6v-4h-3.653l-3.76-3.76 2.827-2.827 2.587 2.587h2v-8h-2l-12 12h-6v-4h4.347l12-12h3.653v-4zM2.667 8h6l3.76 3.76-2.827 2.827-2.587-2.587h-4.347v-4z"></path>
                            </svg>
                        </button>
                        <button type="button" class="aplayer-icon aplayer-icon-loop">
                            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 29 32">
                                <path d="M9.333 9.333h13.333v4l5.333-5.333-5.333-5.333v4h-16v8h2.667v-5.333zM22.667 22.667h-13.333v-4l-5.333 5.333 5.333 5.333v-4h16v-8h-2.667v5.333z"></path>
                            </svg>
                        </button>
                        <button type="button" class="aplayer-icon aplayer-icon-menu">
                            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 32">
                                <path d="M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z"></path>
                            </svg>
                        </button>
                        <button type="button" class="aplayer-icon aplayer-icon-lrc">
                            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
                                <path d="M26.667 5.333h-21.333c-0 0-0.001 0-0.001 0-1.472 0-2.666 1.194-2.666 2.666 0 0 0 0.001 0 0.001v-0 16c0 0 0 0.001 0 0.001 0 1.472 1.194 2.666 2.666 2.666 0 0 0.001 0 0.001 0h21.333c0 0 0.001 0 0.001 0 1.472 0 2.666-1.194 2.666-2.666 0-0 0-0.001 0-0.001v0-16c0-0 0-0.001 0-0.001 0-1.472-1.194-2.666-2.666-2.666-0 0-0.001 0-0.001 0h0zM5.333 16h5.333v2.667h-5.333v-2.667zM18.667 24h-13.333v-2.667h13.333v2.667zM26.667 24h-5.333v-2.667h5.333v2.667zM26.667 18.667h-13.333v-2.667h13.333v2.667z"></path>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
            <div class="aplayer-notice"></div>
            <div class="aplayer-miniswitcher">
                <button class="aplayer-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
                        <path d="M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z"></path>
                    </svg>
                </button>
            </div>
        </div>
        <div class="aplayer-lrc">
            <div class="aplayer-lrc-contents" style="transform: translateY(0); -webkit-transform: translateY(-48px);">
                <p class="aplayer-lrc-current">作词 : ryo</p>

                <p>作曲 : ryo</p>

                <p>もうあなたから愛されることも (你已经不会再爱我)</p>

                <p>必要とされることもない (也不再需要我)</p>

                <p>そして私はこうして一人ぼっちで (于是我就这样孤零零一人)</p>

                <p>あの時あなたはなんて言ったの? (那时候你到底说了些什么?)</p>

                <p>届かない言葉は宙を舞う (传递不了的话语飘荡空中)</p>

                <p>わかってるのに今日もしてしまう (明明心里明白 今天却依旧许下)</p>

                <p>叶わぬ願いごとを (无法实现的每份心愿)</p>

                <p>離さないで (不要松开)</p>

                <p>ぎゅっと手を握っていて (请紧紧握住我的手)</p>

                <p>あなたと二人 続くと言って (快说要跟你两人一起走下去)</p>

                <p>繋いだその手は温かくて (十指相扣的手暖乎乎的)</p>

                <p>優しかった (相当温柔)</p>

                <p>あなたはいつもそうやって私を (你总是若无其事地惹怒我)</p>

                <p>怒らせて最後に泣かすんだ (最后还弄哭人家)</p>

                <p>だけど後になって (然而事过之后)</p>

                <p>ごめんねっていうその顔 (你对我说道歉的表情)</p>

                <p>好きだった (我如是喜欢)</p>

                <p>離さないで (不要松开)</p>

                <p>ぎゅっと そう思いっきり (请尽情地将我抱紧吧)</p>

                <p>あなたの腕の中にいたい (想依偎在你的臂弯中)</p>

                <p>二人でおでこをあわせながら (你我两人相互贴着额头)</p>

                <p>眠るの (迈入梦乡)</p>

                <p>もう二度とは会えないってことを知ってたの? (你早就知道我们不会再相见?)</p>

                <p>離さないで (不要松开)</p>

                <p>ぎゅっと あなたが好き (紧抱着我 我喜欢你)</p>

                <p>もう一度だって笑ってくれないの (你就不能再一次对我展露笑容么)</p>

                <p>あなたの温もりが消えちゃう前に (趁着你的温存尚未消逝之前)</p>

                <p>抱きしめて (请紧拥我)</p>
            </div>
        </div>
    </div>
</footer>
<!--/*/<th:block th:replace="_fragments :: script">/*/-->
<!--/*/</th:block>/*/-->
<!--适配移动端和电脑端-->
<!--樱花飘落-->
<script type="text/javascript">
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {     //移动终端浏览器版本信息
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应用程序，没有头部与底部
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    if (browser.versions.mobile) {
        //执行移动端的相关代码
        //alert("移动端");
        //设置移动端不显示网易云音乐插件
        /*      onload = function () {
                  var MusicDivShow = document.getElementById('netEasy-music');//获取指定div中的元素
                  MusicDivShow.style.display = 'none';//控制层隐藏
              };*/
    } else if (!browser.versions.mobile) { //非移动端，动态加载js和div
        //设置电脑端显示网易云音乐插件
        // onload = function () {
        //     var MusicDivShow = document.getElementById('netEasy-music');//获取指定div中的元素
        //     MusicDivShow.style.display = 'block';//控制层显示
        // };
        // var script1 = document.createElement('script');
        // script1.type = 'text/javascript';
        // script1.src = '\\js\\snow.js';

        // <!-- 天气预报 -->
        // WIDGET = {FID: 'EtgqPWMbdv'}
        // var script4 = document.createElement('script');
        // script4.type = 'text/javascript';
        // script4.src = 'https://apip.weatherdt.com/float/static/js/r.js?v=1111';

        var script2 = document.createElement('script');
        script2.type = 'text/javascript';
        // script2.src = 'https://cdn.jsdelivr.net/gh/yremp/yremp-js@1.5/sakura.js';
        script2.src = 'https://yremp.live/wp-content/uploads/resource/js/sakura.js';

        //画图
        // var script3 = document.createElement('script');
        // script3.type = 'text/javascript';
        // script3.color = '220,220,220';
        // script3.opacity = '0.7';//透明度
        // script3.zIndex = '-2';
        // script3.count = '200';
        // script3.src = '//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js';

        // $('body').append(script1);
        // $('body').append(script4);天气预报
        $('body').append(script2);
        // $('body').append(script3);划线背景
    }
</script>
</body>
</html>
<script>
    <!-- 移动端导航条   -->
    $(".toggle.menu").click(function () {
        $(".m-item").toggleClass("m-mobile-hide")
    })
    $('.wechat').popup({
        popup: $('.wechat-qr'),
        position: 'bottom center'
    });
    $('.qq').popup();
    $('.weibo').popup();
    $('.github').popup();
</script>